<template>
	<view>
		<view class="space-between padding-tb-sm solid-bottom" v-if="value">
			<view class="thumb bg-grey">
				<image :src="value.product_picture" mode="aspectFill"></image>
			</view>
			<view class="w100 margin-left-sm overflow">
				<view class="product-name w100">
					<view class="text-black text-df text-overflow-2 w100">{{value.product_name}}</view>
					<view class="cu-tag sm margin-top-xs" v-if="value.sku_name">{{value.sku_name}}</view>
				</view>
				<view class="margin-tb-xs">
					<text class="cu-tag bg-brown light sm" v-if="value.marketing_type=='wholesale'">拼团</text>
				</view>
				<view class="space-between">
					<text class="text-price text-lg text-red">{{value.price}}</text>
					<text class="text-black">x{{value.num}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			value: {
				type: Object,
				default: null
			}
		},
		created: function(e) {
			console.log(this.value)
		},
		data() {
			return {}
		},
		methods: {},
	}
</script>

<style>
	.thumb {
		width: 160rpx;
		height: 160rpx;
		min-width: 160rpx;
		border-radius: 10rpx;
		overflow: hidden;
	}

	.thumb image {
		width: 100%;
		height: 100%;
		
	}

	.product-name {
		/* height: 80rpx; */
		line-height: 40rpx;
		overflow: hidden;
	}
</style>
